* {font-family:"Trebuchet MS", "Arial", "Tahoma", "Helvetica", sans-serif;}
html{min-height:100%}
body {background-color : #A6AF9F; margin :0px; min-height:100%}
h1,h2,h3, input[type="submit"], input[type="reset"], div#liste *, div#corps div.content ul.actions li a,
div#corps div.content div.bigtank div.nomtank{font-family:"Oswald"; font-weight:300}

a {color: #332D33}
p.erreur{color:crimson}
div.adroite {text-align:right;}
div#entete{background-color:#565E4F; height:50px;z-index:10; position:absolute; width:100%}
div#entete div#nomClan{width : 470px; padding-left :10px;z-index:20}
div#entete * {z-index:10; }
div#entete h1 {font-size:2.5em; margin:-8px 0px 0px 0px; color: white; font-weight:400; z-index:50}
div#entete h1 a{font-family:inherit; text-decoration:none; color:#fff; z-index:200; display:inline-block}
div#entete h2{position:absolute; top:38px; left:325px ; font-size:0.6em; color:yellow; margin:0px; font-family: sans-serif}
div.saut {margin-top:15px; }

div#liste{position:absolute; top:0px; color:white; min-width:630px;margin-left:450px}
div#liste > ul {line-height:1; margin :0px;}
div#liste ul {list-style: none;}
div#liste ul li {float:left; text-align:center; height:50px; border-right:1px solid #454D3E }
div#liste ul li:first-Child {border-left:1px solid #454D3E }
div#liste li a {height:34px; color:white; text-decoration:none; display:block; padding:16px 25px 0px 25px}
div#liste ul li ul{position:absolute; margin-left:-40px; left:-999em}
div#liste ul li ul li {float:none; height: 30px; background-color:#443A45; text-align:left}
div#liste ul li ul li a {padding: 5px 40px 0px 25px; height:25px}
div#liste ul li ul li a:hover {background-color:#332D33}
div#liste li:hover ul {left:auto;}
div#liste li:hover {background-color:#443A45;}
div.tank{height:31px; width:60px; border: 1px solid black; margin:0px; padding:0px}
img.tank{clip:rect(0px,70px, 31px, 10px); position:absolute;}

div#gauche{ width:250px;min-height:100%; position: absolute;z-index:5;}
div#gauche div h2{background-color:#565E4F; margin: 0px 0px; padding-left :7px; font-size :1.2em; color :#fff; font-weight: 300}

div#calendrier {margin-top:60px; }
div#gauche > div {margin-left:10px; border:1px solid #ddd; margin-bottom : 10px}
div#gauche > div dl {margin :0px; padding-left : 5px}
div#gauche > div dd {margin :0px; color : #332d33}
div#gauche > div dd span.date{font-size:0.7em; color: #443A45}
div#gauche > div dt.lien{font-size:0.7em; text-decoration:italic; color : yellow; margin-bottom:5px}
div#gauche > div dt {font-size:0.8em; margin-left : 10px }
div#gauche p {font-size : 0.8em; text-align:right; margin :0px; padding-right:5px}
a {color: #332D33}

div#corps {position:absolute; min-height:100%;  width:100%; }
div#corps div.content {padding-left:270px; padding-top:60px; padding-right:10px;}
div#corps div.content > div {border:1px solid #ddd;}
div#corps div.content > div p {font-size:0.8em; padding:0px 10px 0px 10px; text-align :justify}
div#corps div.content div {padding-left:15px}
div#corps div.content h2 {background-color:#565E4F; margin: 0px 0px; padding-left :7px; font-size :1.2em; color :#fff;margin-left:-15px}
div#corps div.content h2.solo {margin-left:-22px}
div#corps div.content h3 {background-color:#443A45;margin: 5px 0px 5px -15px; padding-left :7px; font-size :1.2em; color :#fff}
div#corps div.content h2.rubrique {background-color:#A6AF9F; margin-bottom:-15px; font-size:1.4em;}
div#corps div.content div.actions {padding-left:0px;border:0px; height:38px;}
div#corps div.content div.actions + div {margin-top:-1px; padding-top:10px}
div#corps div.content ul.actions{line-height:1; list-style:none;margin:0px; padding:0px;margin-bottom:30px}
div#corps div.content ul.actions li{float:left; background-color:#565E4F; border:1px solid #ddd; padding:3px 10px; border-left:0px; height:30px}
div#corps div.content ul.actions li:first-child {border-left:1px solid #ddd;}
div#corps div.content ul.actions li:hover,
div#corps div.content ul.actions li.actif:hover{background-color:#443A45}
div#corps div.content ul.actions li.actif {background-color:#A6AF9F;border-bottom:1px solid #A6AF9F}
div#corps div.content ul.actions li a {text-decoration:none; color:#fff;margin-top:5px; display:block;}
div#corps div.content form {margin:15px 0px}
div#corps div.content form input[type="submit"],
div#corps div.content form input[type="reset"] {border:1px solid #332D33; background-color:#443A45; color :#fff; border-radius:4px; padding:4px 11px; font-size:1em}
div#corps div.content form input[type="submit"]:hover,
div#corps div.content form input[type="reset"]:hover {border:1px solid #443A45; background-color:#332D33;}
div#corps div.content form input[type="text"],
div#corps div.content form input[type="password"] {border:1px solid #443A45; padding:2px 5px; background-color:#fff!important}

/*div#corps div.content img.bigtank{border:1px solid #ddd; height:100px}*/

div#corps div.content img.tank{clip:rect(0px,70px, 31px, 10px); position:absolute; }
div#corps div.content img.minitank{height:35px; border : 1px solid #ddd}
div#corps div.content img.bigtank{height:80px;}
div#corps div.content div.bigtank{width:128px;border:1px solid #ddd; margin:3px;padding-left:0px;text-align:center; display:inline-block;}
div#corps div.content div.china{background-image:url('../images/china.png'); background-repeat:no-repeat; background-size:130px}
div#corps div.content div.germany{background-image:url('../images/germany.png'); background-repeat:no-repeat; background-size:130px}
div#corps div.content div.france{background-image:url('../images/france.png'); background-repeat:no-repeat; background-size:130px}
div#corps div.content div.usa{background-image:url('../images/usa.png'); background-repeat:no-repeat; background-size:130px}
div#corps div.content div.uk{background-image:url('../images/uk.png'); background-repeat:no-repeat; background-size:130px}
div#corps div.content div.ussr{background-image:url('../images/ussr.png'); background-repeat:no-repeat; background-size:130px}

div#corps div.content div.bigtank div.nomtank {background-color:#443A45; text-align:center;color:white; border-top:1px solid #ddd; font-size:0.8em; padding-left:0px}
div#corps div.content div.bigtank div.actiontank {position:relative;left:112px; padding-left:0px;height:15px; width:15px; background-color:#fff; border:1px solid #ddd; font-size:0.6em; text-align:center}
div#corps div.content div.bigtank div.actiontank + img.bigtank {margin-top:-16px}
div#corps div.content div.bigtank div.actiontank img{cursor:pointer; height:14px}
div#corps div.content span.classTank {display:inline-block; width:24px; height:24px; margin:0px 0px 0px 0px; background-image:url('http://worldoftanks.eu/static/3.12.0.4/common/css/scss/content/encyclopedia/img/level-ico.png')}
div#corps div.content span.heavyTank {background-position: -10px -5px}
div#corps div.content span.mediumTank {background-position: -10px -180px}
div#corps div.content span.lightTank {background-position: -10px -125px}
div#corps div.content span.AT-SPG {background-position: -10px -240px}
div#corps div.content span.SPG {background-position: -10px -62px}

div#forum {position:absolute; height:435px; width:180px; border:1px solid #ddd}
div#forum div.minitank{border:1px solid #ddd; float:left;height:28px; width:55px; margin:1px; padding:0px}
div#forum div.actions{background-color:#565E4F; border-bottom:1px solid #ddd}
div#forum div.actions a{color:#fff; text-decoration:none; margin:2px 5px; display:inline-block}
div#forum div.actions a:hover{background-color:#443A45}
div#forum div.minitank img{ clip:rect(0px,65px, 31px, 10px); position:absolute;margin-left:-10px; height:28px}

div.agenda {padding-right:15px}
table.agenda {width:100%; background-color:#332D33; margin-bottom:15px; border-spacing:1px }
table.agenda tr {height:90px}
table.agenda td {background-color:#A6AF9F; vertical-align:top; padding:0px}
table.agenda td.disabled {background-color:#ddd;}
div#corps div.content table.agenda td.disabled div.jour{background-color:#ccc;}
div#corps div.content table.agenda div.jour {background-color:#565E4F; color :#fff; padding:2px; font-size:0.6em; font-family:"Oswald"; font-weight:300}
div#corps div.content table.agenda caption {font-family:"Oswald"; color:#fff; font-size:1.2em}
div#corps div.content table.agenda caption:firsLetter {text-transform : uppercase}
div#corps div.content table.agenda caption  span.petit{color:#ddd; font-size:1}
div#corps div.content div.competences img {margin:2px}